<template>
  <div class="m-navs-content">
    <ul class="m-navs-list">
      <li>
        <div class="item-1">
          <svg t="1605951917995" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7878" width="64" height="64"><path d="M571.1 254v527.7h52.3l19 66.2 92-66.2h129.4V254H571.1z m233.3 467.8h-60.8L666 781l-16.9-59.2h-16v-409h171.3v409zM540.7 552.6s0-56.4-27.8-59.5c-27.9-3.1-114.5 0-114.5 0V317.5h128.4s-1.5-58-26.3-58H291.6l32.5-95.6s-52.6 3.1-71.2 36c-18.5 33-78.9 202.2-78.9 202.2s20.1 9.4 54.2-15.7c34-25.1 44.9-69 44.9-69l61.9-3.1 1.5 178.7s-106.8-1.6-128.4 0c-21.7 1.6-34 59.5-34 59.5h162.5s-13.9 98.7-55.7 170.8C239 795.5 160.1 851.9 160.1 851.9s57.2 23.5 112.9-9.4 96.8-177.7 96.8-177.7l130.7 162s11.9-77.1-2.1-98.9c-14-21.8-90.4-109.3-90.4-109.3l-33.3 29.8 23.7-95.8h142.3z" fill="#49C0FB" p-id="7879"></path></svg>
        </div>
      </li>

      <li class="right-4 item-2">
        <div class="right-4-item">
          <a href="https://weibo.com/" target="_blank" class="flex-center">
            <svg t="1605952086811" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10440" width="32" height="32"><path d="M918.485 209.078c-62.138-69.905-155.345-95.796-238.195-77.672-20.713 5.178-31.069 23.301-28.48 44.014 5.178 20.713 23.302 31.069 44.014 28.48 59.55-12.945 126.865 5.178 170.88 54.37 44.014 49.193 56.96 116.509 36.247 176.058-2.59 10.356-2.59 18.123 2.589 28.48 5.178 7.767 12.945 15.534 20.712 18.123 18.124 5.178 38.836-5.178 46.604-23.302 23.301-85.44 7.767-178.646-54.371-248.551z" fill="#FFAE36" p-id="10441"></path><path d="M807.155 436.917c15.534 5.178 33.658-2.59 38.836-20.713 12.945-41.425 5.178-85.44-25.89-119.097-31.07-33.658-75.084-46.604-116.51-38.837-18.123 2.59-28.48 20.713-23.301 36.248 2.59 18.123 20.713 28.48 36.247 23.301 20.713-5.178 41.425 2.59 56.96 18.124 15.534 15.534 18.123 38.836 12.945 59.549-5.178 18.123 5.178 36.247 20.713 41.425z m-62.138 59.549c-12.945-5.179-23.302-7.768-15.535-23.302 15.535-38.836 15.535-72.494 0-95.796-31.068-44.014-116.508-41.425-212.304 0 0 0-31.069 12.945-23.302-10.356 15.535-49.193 12.946-88.029-10.356-111.33-51.781-51.782-191.592 2.588-310.689 121.686-88.029 90.618-139.81 183.824-139.81 266.675 0 157.934 201.948 253.73 398.718 253.73 258.907 0 429.786-150.167 429.786-269.265 0-72.494-62.138-113.919-116.508-132.042zM431.739 840.813c-157.934 15.534-292.566-56.96-302.922-157.934-10.357-103.563 108.74-199.359 266.675-214.893 157.933-15.535 292.565 56.96 302.922 157.933 10.356 103.563-108.742 199.36-266.675 214.894z" fill="#D81E06" p-id="10442"></path><path d="M447.273 545.658c-75.083-20.713-160.523 18.124-191.592 82.85-33.658 67.316 0 142.4 75.084 165.701 77.672 25.891 170.879-12.945 201.948-85.44 31.069-69.904-7.768-142.398-85.44-163.111z m-56.96 173.468c-15.534 23.302-46.603 36.247-72.494 23.302-23.301-10.356-31.069-38.836-15.534-62.138 15.534-23.302 46.603-33.658 69.905-23.302 25.89 7.768 33.658 36.247 18.123 62.138z" p-id="10443"></path></svg>
          </a>
        </div>
        <div class="right-4-item">
          <a href="https://www.bilibili.com/" target="_blank" class="__r flex-center">
            <svg t="1605952268099" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="22808" width="32" height="32"><path d="M419.500653 309.304193c-17.514669-9.487112-35.029338-18.974225-52.544007-28.582967l-87.208457-47.435563c-11.798076-6.446371-16.663262-16.298373-9.973631-28.461337 6.689631-12.284594 17.879558-13.136002 29.434374-6.81126 68.112602 37.097042 136.346835 74.072455 204.337808 111.656016 17.39304 9.608742 48.773489 3.892149 59.841786-12.406224 34.786079-50.476304 69.450529-100.952607 104.114978-151.550541 1.216296-1.824445 2.432593-3.648889 3.648889-5.351704 9.852001-13.74415 21.163559-17.39304 31.380449-9.365483 11.798076 9.365483 9.852001 20.433781 2.189334 31.623708-14.109039 20.55541-28.218078 41.23245-42.205488 61.787861-19.460744 28.582967-38.921487 57.165934-60.693194 88.911272H846.907234c22.866374 0 26.393633 3.648889 26.515263 26.515263 0.243259 156.780615 0.364889 313.439601 0.608148 470.220217 0 22.379855-4.013778 26.272004-26.880152 26.393633-5.959853 0-12.041335 0.608148-17.879558-0.12163-21.650077-2.432593-37.461931-0.364889-45.00297 26.393634-6.81126 24.08267-32.475116 36.367265-55.584748 33.934671-26.758522-2.797482-44.394821-18.609336-51.206082-43.543413-4.135408-15.082076-11.189928-17.14978-24.812448-17.028151-94.019717 0.608148-187.917805 0.364889-281.937522 0.12163-10.825039 0-17.14978 0.973037-20.312151 14.109039-6.81126 28.218078-30.042523 46.097636-55.706379 46.584155-26.636893 0.486519-49.746526-16.906521-57.530823-46.219266-3.284-12.284594-8.757335-15.082076-20.068892-14.473928-14.595558 0.851408-29.312745 0.364889-44.029932 0.121629-16.055113-0.364889-23.109633-6.93289-23.109633-22.623114 0.12163-159.334838 0.364889-318.791305 0.729778-478.247773 0-16.541632 6.689631-22.014966 25.055707-22.014966 75.532011-0.12163 151.064022 0 226.474403 0h15.811855c0.486519-1.337926 0.973037-2.675852 1.459555-4.135408z m417.554579 490.289108V349.077088H188.647583v450.516213h648.407649z m-520.939779 37.94845H271.477373c3.040741 12.771113 9.243853 21.771707 21.163558 22.501485 13.257632 0.973037 19.582373-8.878964 23.474522-22.501485z m394.444946-0.12163c4.500297 13.62252 10.581779 23.596152 23.961041 22.623115 12.041335-0.851408 17.636299-10.21689 21.285188-22.623115h-45.246229z" fill="#fb7299" p-id="22809"></path><path d="M513.398741 768.577741H252.746407c-25.298967 0-29.312745-4.013778-29.312745-29.312745 0.12163-108.980164 0.243259-217.960328 0.486519-327.062122 0-22.988003 4.743556-27.73156 27.609929-27.731559h523.007484c23.231263 0 27.974819 4.621927 28.096448 27.366671 0.364889 109.588312 0.608148 219.054995 0.729778 328.643306 0 23.474522-4.865186 27.974819-29.069486 28.096449H513.398741z m250.678703-38.556598V423.392802H262.233519v306.628341h501.843925z" fill="#fb7299" p-id="22810"></path><path d="M515.709704 675.65269c-6.689631 4.743556-12.892743 10.095261-19.947262 13.86578-23.231263 12.284594-46.340896 11.189928-67.747713-3.770519-23.596152-16.541632-34.056301-40.745932-31.988598-68.96401 0.486519-6.081482 11.676446-15.690224 18.122818-15.933484 6.324742-0.243259 14.352298 8.514075 18.974225 15.203706 3.648889 5.351704 2.067704 13.86578 4.621926 20.312151 4.865186 12.284594 13.86578 23.961041 27.366671 21.041929 9.973631-2.067704 18.974225-12.162965 26.393633-20.43378 3.648889-4.135408 3.040741-12.284594 4.013779-18.609337 1.702815-12.041335 8.635705-19.339114 20.433781-19.095854 10.703409 0.243259 17.636299 6.81126 19.095854 18.487706 0.851408 7.419408 1.094667 16.663262 5.473334 21.528448 7.05452 7.905927 17.028151 17.39304 26.150374 17.757928 8.149186 0.243259 18.122817-9.730372 24.569189-17.514669 4.257038-5.108445 4.013778-14.230669 5.351705-21.650077 2.189334-11.798076 8.878964-18.974225 21.041929-18.122818 12.041335 0.973037 18.366077 8.757335 17.879558 21.041929-1.216296 31.01556-13.379261 56.192897-42.083858 70.058677-26.758522 12.892743-51.81423 7.419408-73.707566-12.527853-1.216296-0.851408-2.554223-1.581185-4.013779-2.675853zM729.777883 559.618007c0.364889 18.366077-14.595558 28.461337-28.461337 20.55541-37.097042-21.163559-73.585937-43.421784-109.953201-65.801639-9.608742-5.959853-11.676446-15.690224-6.081483-25.542226 5.716593-10.095261 15.811854-12.771113 25.177337-7.419408 37.461931 21.650077 74.558974 43.908303 111.412757 66.653046 4.257038 2.797482 6.324742 9.243853 7.905927 11.554817zM413.175912 488.951182c3.40563 3.40563 12.162965 8.149186 13.136002 13.987409 1.094667 6.93289-2.554223 18.974225-7.905928 21.650077-32.231857 16.541632-65.315121 31.380449-98.520014 46.097637-10.095261 4.500297-21.163559 1.094667-23.717781-9.852002-1.702815-7.176149 1.337926-20.67704 6.446371-23.352892 33.204894-17.028151 67.504454-31.745338 101.439126-47.192303 1.459556-0.608148 3.162371-0.486519 9.122224-1.337926z" fill="#fb7299" p-id="22811"></path></svg>
          </a>
        </div>
        <div class="right-4-item">
          <a href="https://www.baidu.com" target="_blank" class="__n flex-center">
            <svg t="1605959806771" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24930" width="32" height="32"><path d="M345.706 297.423c15.35 12.792 35.817 20.467 53.726 17.908 20.467 0 38.375-10.233 53.725-23.025 17.91-15.35 30.7-35.817 40.934-58.842C512 189.97 512 136.245 496.65 90.194c-10.234-30.7-28.142-58.842-53.726-76.75C427.574 3.21 404.548-1.906 384.081 0.652c-12.791 2.558-25.583 7.675-38.375 15.35-23.025 15.35-38.376 40.934-48.61 66.518-12.791 46.05-15.35 92.101-2.557 138.152 10.233 28.142 25.583 56.284 51.167 76.75z m255.837 2.558c17.909 15.35 40.934 25.584 63.96 25.584 20.466 2.558 38.375-2.558 56.283-12.792 17.909-10.233 33.26-25.584 43.493-43.492 12.792-20.467 23.025-40.934 30.7-63.96 5.117-17.908 7.675-38.375 5.117-58.842-2.559-28.142-15.35-53.726-33.259-76.751-12.792-15.35-28.142-30.7-46.05-38.376-12.792-5.116-28.143-10.233-40.935-7.675-17.908 2.559-33.258 12.792-46.05 23.026-17.909 15.35-33.259 33.258-43.493 53.725-10.233 17.909-20.466 38.376-23.025 61.401-2.558 25.584-2.558 51.168 2.559 74.193 5.116 23.025 12.791 46.05 30.7 63.96zM245.929 509.768c17.91-15.35 28.143-35.818 35.818-56.285 10.233-33.258 10.233-66.517 7.675-99.776 0-12.792-5.117-25.584-10.234-38.376-12.792-28.142-35.817-53.725-63.959-69.076-23.025-10.233-46.05-15.35-66.518-10.233-25.583 2.558-46.05 20.467-61.4 40.934-20.467 28.142-30.7 63.96-35.818 97.218-2.558 20.467 0 40.934 5.117 61.4 7.675 30.701 23.025 58.843 46.05 79.31 17.91 15.35 40.935 23.026 63.96 23.026 28.142 0 56.284-7.675 79.31-28.142z m736.811-76.752c-2.558-20.467-7.675-38.375-17.908-56.284-10.234-20.467-28.143-40.934-48.61-51.167-23.025-12.792-51.167-15.35-76.75-12.792-12.792 2.558-28.143 5.117-40.935 12.792-17.908 10.233-30.7 28.142-40.933 48.609-10.234 25.584-15.35 53.726-15.35 81.868 0 25.583 0 53.726 7.674 79.31 5.117 17.908 15.35 38.375 33.26 48.608 17.908 15.35 40.933 20.467 63.959 23.026 17.908 2.558 38.375 2.558 56.284-2.559 17.908-5.116 35.817-15.35 46.05-30.7 12.792-15.35 20.467-35.817 23.026-53.726 12.792-30.7 10.233-58.842 10.233-86.985zM911.106 819.33c-2.559-35.817-20.467-71.634-46.05-99.776-5.118-5.117-10.234-10.234-17.91-15.35-33.258-28.142-66.517-58.843-99.776-89.543-33.259-33.26-63.96-69.076-92.101-107.452-20.467-33.259-48.61-63.96-86.985-81.868-23.025-10.233-51.167-15.35-76.751-12.792-46.05 5.117-86.985 30.7-115.127 66.518-7.675 7.675-12.791 17.909-17.908 28.142-20.467 30.7-46.05 61.401-74.193 86.985-15.35 15.35-30.7 28.142-46.05 40.934-7.676 7.675-17.91 15.35-25.584 23.025-30.7 23.025-61.401 53.726-79.31 86.985-12.792 23.025-20.467 48.609-23.025 76.75 0 23.026 2.558 46.051 10.233 66.518 7.675 23.026 17.909 46.051 33.26 63.96 25.583 30.7 63.958 51.167 102.334 53.725 48.609 2.559 97.218 0 143.269-7.675 20.467-2.558 40.934-10.233 63.959-12.792 46.05-5.116 92.101-2.558 135.594 10.234 35.817 12.792 74.192 17.909 112.568 20.467 38.375 2.558 79.31-2.558 115.127-23.025 25.583-12.792 46.05-35.818 58.842-61.401 20.467-33.26 30.7-71.635 25.584-112.569zM481.3 924.224H363.615c-12.792 0-25.584 0-38.376-2.559-25.584-5.117-48.61-20.467-63.96-43.492-12.791-15.35-20.466-33.259-23.025-53.726a246.563 246.563 0 0 1 0-61.4c5.117-23.026 17.909-43.493 33.26-58.843 12.791-12.792 30.7-23.026 48.608-30.7 7.675-2.56 15.35-5.117 23.026-5.117h69.076v-97.219h66.517c2.559 120.244 2.559 237.929 2.559 353.056z m263.512 0H583.634c-17.908-2.559-33.258-7.676-46.05-17.909-15.35-12.792-23.026-33.259-23.026-51.167v-173.97h66.518v161.178c0 7.675 2.558 12.792 7.675 17.908 5.117 5.117 12.792 7.675 20.467 7.675h69.076V678.62h66.518v245.604z" fill="#306CFF" p-id="24931"></path><path d="M340.59 734.904c-12.793 5.117-25.585 15.35-33.26 30.7-5.116 12.792-7.675 25.584-7.675 38.376 0 15.35 5.117 30.7 12.792 43.492 10.234 15.35 28.142 25.584 46.05 23.026h53.727V732.346H353.38c-2.558-2.559-7.675 0-12.792 2.558z" fill="#306CFF" p-id="24932"></path></svg>
          </a>
        </div>
        <div class="right-4-item">
          <a href="https://www.douban.com/" target="_blank" class="__m flex-center">
            <svg t="1605959864991" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="30440" width="32" height="32"><path d="M687.8 607.5H339.7c37.4 62.9 71.5 130.3 102.1 202.1h142.1c43.6-68.2 78.2-135.6 103.9-202.1z m41.7-76.7V381.5H302v149.4h427.5z m173.1 356H121.4v-77.1h233.7c-28.6-62.9-58.9-117.3-90.7-163.1l60.1-39H219.2V303h593.6v304.5H702.3l60.1 39.9c-28.4 62.9-57.9 117-88.6 162.2h228.8v77.2z m-17.1-673.3H143.7v-76.2h741.8v76.2z" fill="#58CB6A" p-id="30441"></path></svg>
          </a>
        </div>
      </li>

      <li class="left-2">
        <div class="item-3">
          <div class="flex-center">
            <svg t="1605959986362" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="40491" width="32" height="32"><path d="M954.06592 738.9952a215.07072 215.07072 0 1 0-215.07072 215.07072 215.07072 215.07072 0 0 0 215.07072-215.07072z" fill="#F4CA1C" p-id="40492"></path><path d="M514.56 952.32a437.76 437.76 0 1 1 437.76-437.76 438.272 438.272 0 0 1-437.76 437.76z m0-804.91008a367.1552 367.1552 0 1 0 367.1552 367.15008 367.56992 367.56992 0 0 0-367.1552-367.15008z m0 603.75552A220.99968 220.99968 0 0 1 293.8112 530.432a35.328 35.328 0 0 1 70.6048 0 150.144 150.144 0 1 0 300.28288 0 35.328 35.328 0 0 1 70.60992 0 221.0048 221.0048 0 0 1-220.7488 220.73344zM376.64256 369.78688a42.36288 42.36288 0 1 1-42.36288-42.36288 42.36288 42.36288 0 0 1 42.36288 42.36288z m356.56192 0a42.368 42.368 0 1 1-42.36288-42.36288 42.36288 42.36288 0 0 1 42.3424 42.36288z" fill="#595BB3" p-id="40493"></path></svg>
          </div>
          <span class="place-box"></span>
          <div class="flex-center">
            <svg t="1605959909377" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="33340" width="32" height="32"><path d="M396.8 536.576c0-104.448 85.504-189.44 189.44-189.44h237.056c104.448 0 189.44 85.504 189.44 189.44 0 104.448-85.504 189.44-189.44 189.44h-237.056c-103.936 0-189.44-84.992-189.44-189.44z" fill="#FFF87D" p-id="33341"></path><path d="M886.784 407.552s-232.96-1.024-458.24-1.536C442.368 387.072 450.56 363.52 450.56 338.944c0-4.608-0.512-9.216-1.024-13.824l201.216-128.512c18.944-12.288 24.576-37.888 12.288-56.832-12.288-18.944-37.888-24.576-56.832-12.288l-194.56 124.416c-22.016-20.48-51.2-33.792-81.92-33.792-64.512 0-120.832 56.32-120.832 120.832 0 24.576 8.192 47.616 22.016 67.584-124.416 0-216.064 0.512-216.064 1.536 0 196.608 129.024 362.496 307.712 416.768-19.968 2.56-35.84 19.968-35.84 40.448 0 22.528 18.432 40.96 40.96 40.96h246.784c22.528 0 40.96-18.432 40.96-40.96 0-20.992-15.872-37.888-35.84-40.448 178.176-54.784 307.2-220.16 307.2-417.28z m-557.056-128c35.328 0 59.392 23.552 59.392 59.392s-23.552 59.392-59.392 59.392c-35.328 0-59.392-23.552-59.392-59.392s24.064-59.392 59.392-59.392zM450.56 776.704c-181.248 0-328.704-127.488-362.496-302.08h724.48c-32.768 174.592-180.736 302.08-361.984 302.08z" fill="#2AAC9A" p-id="33342"></path><path d="M449.024 406.528c-18.432 19.456-32.768 42.496-41.472 68.608h405.504c-20.992 108.544-85.504 198.656-175.104 251.392h111.104c84.992-79.36 138.24-192.512 138.24-318.464-0.512-0.512-219.648-1.024-438.272-1.536z" fill="#53DB53" p-id="33343"></path></svg>
          </div>
        </div>
      </li>

      <li class="left-2">
        <div class="item-4">
          <div class="left-2-item">
            <svg t="1605960060852" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="48803" width="32" height="32"><path d="M166.6 606m-26.6 0a26.6 26.6 0 1 0 53.2 0 26.6 26.6 0 1 0-53.2 0Z" p-id="48804"></path><path d="M871.7 516.4H152.3c-33.5 0-60.7-27.2-60.7-60.7V323.9c0-33.5 27.2-60.7 60.7-60.7h719.5c33.5 0 60.7 27.2 60.7 60.7v131.8c-0.1 33.5-27.2 60.7-60.8 60.7z" fill="#FFCD43" p-id="48805"></path><path d="M871.7 543H152.3c-48.1 0-87.3-39.1-87.3-87.3V323.9c0-48.1 39.1-87.2 87.3-87.2h719.5c48.1 0 87.3 39.1 87.3 87.2v131.8c-0.1 48.1-39.2 87.3-87.4 87.3zM152.3 289.8c-18.8 0-34.1 15.3-34.1 34.1v131.8c0 18.8 15.3 34.1 34.1 34.1h719.5c18.8 0 34.1-15.3 34.1-34.1V323.9c0-18.8-15.3-34.1-34.1-34.1H152.3z" p-id="48806"></path><path d="M798.8 951.1H225.2c-48.1 0-87.2-39.1-87.2-87.3V697c0-14.7 11.9-26.6 26.6-26.6 14.7 0 26.6 11.9 26.6 26.6v166.9c0 18.8 15.3 34.1 34.1 34.1h573.5c18.8 0 34.1-15.3 34.1-34.1V516.4c0-14.7 11.9-26.6 26.6-26.6s26.6 11.9 26.6 26.6v347.5c-0.1 48.1-39.2 87.2-87.3 87.2zM511.6 290.3c-11.4 0-21.9-7.3-25.4-18.8-17.2-56.1-47.5-124.3-66.6-136.8-26.6-17.4-62.4-9.9-79.8 16.7-8.4 12.9-11.6 31.1-8.5 48.7s12 32.2 24.3 40.3c12.3 8 15.7 24.5 7.7 36.8-8 12.3-24.5 15.7-36.8 7.7-24.5-16-41.8-43.5-47.5-75.4-5.6-31 0.4-62.8 16.3-87.1 33.4-51.1 102.2-65.5 153.3-32.1 44.7 29.2 81.4 143.1 88.3 165.7 4.3 14-3.6 28.9-17.6 33.2-2.5 0.7-5.1 1.1-7.7 1.1z" p-id="48807"></path><path d="M512.4 290.3c-2.6 0-5.2-0.4-7.8-1.2-14-4.3-21.9-19.1-17.6-33.2 6.9-22.5 43.6-136.4 88.3-165.7 24.8-16.2 54.3-21.8 83.3-15.7 28.9 6.1 53.8 23 70 47.8 15.9 24.3 21.9 56.1 16.3 87.1-5.7 31.9-23 59.4-47.5 75.3-12.3 8-28.7 4.6-36.8-7.7-8-12.3-4.6-28.7 7.7-36.8 12.3-8 21.1-22.7 24.3-40.3 3.2-17.6 0-35.8-8.5-48.7-8.4-12.9-21.4-21.7-36.4-24.9-15.1-3.2-30.5-0.3-43.3 8.2-19.1 12.5-49.4 80.7-66.6 136.8-3.6 11.6-14.1 19-25.4 19z" p-id="48808"></path><path d="M540.4 951.8h-56.8c-31.4 0-56.9-25.5-56.9-56.9V294.2c0-31.4 25.5-56.9 56.9-56.9h56.8c31.4 0 56.9 25.5 56.9 56.9v600.6c0 31.5-25.5 57-56.9 57z m-56.8-661.3c-2.1 0-3.8 1.7-3.8 3.8v600.6c0 2.1 1.7 3.8 3.8 3.8h56.8c2.1 0 3.8-1.7 3.8-3.8V294.2c0-2.1-1.7-3.8-3.8-3.8h-56.8z" p-id="48809"></path></svg>
          </div>
        </div>
      </li>
    </ul>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        mNavList: [
          {
            span: 12,
            layout: 'big-box'
          },
          {
            span: 12,
            layout: 'small-box'
          },
          {
            span: 12,
            layout: 'small-box-long'
          },
          {
            span: 12,
            layout: 'small-box'
          }
        ]
      }
    }
  }
</script>
<style lang="less" scoped>
  .m-navs-content {
    display: flex;
    padding: 15px 10%;
    .m-navs-list {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      li {
        width: 50%;
        border-radius: 8px;
        box-sizing: border-box;
        height: calc(40vw - 15px);
        &.right-4 {
          display: flex;
          flex-wrap: wrap;
          .right-4-item {
            width: 50%;
            box-sizing: border-box;
            a {
              /*display: inline-block;*/
              width: calc(100% - 10px);
              height: calc(100% - 5px);
              background: rgba(255,255,255,0.8);
              margin: 0 5px 5px 0;
              border-radius: 8px;
              box-sizing: border-box;
              padding: 10px;
              &.__r {
                margin: 0 0px 5px 5px;
              }
              &.__n {
                margin: 5px 5px 0 0;
              }
              &.__m {
                margin: 5px 0px 0 5px;
              }
            }
          }
        }
        &.left-2 {
          display: flex;
          flex-wrap: wrap;
          height: 20vw;
          .left-2-item {
            width: 50%;
          }
        }
      }
    }
    .item-1 {
      margin-right: 15px;
      height: 100%;
      background: rgba(255,255,255,0.8);
      border-radius: 8px;
      box-sizing: border-box;
      padding: 15px;
    }
    .item-3 {
      width: calc(100% - 15px);
      margin-top: 15px;
      display: flex;
      justify-content: space-between;
      .place-box {
        width: 10px;
      }
      div {
        width: calc(50% - 5px);
        background: rgba(255,255,255,0.8);
        border-radius: 8px;
        box-sizing: border-box;
        padding: 10px;
        &.last-child {
          margin-left: 10px;
        }
      }
    }
    .item-4 {
      width: calc(100% - 5px);
      background: rgba(255,255,255,0.8);
      margin-top: 15px;
      border-radius: 8px;
      box-sizing: border-box;
      padding: 10px;
    }
  }
@media screen and (min-width: 520px) {
  .m-navs-content {
    display: none !important;
  }
}
</style>
